@import "@/styles/variables.scss";

.medicinePrescription-create {
    padding: $collection-y $collection-x;
    .medicinePrescription-name{
        padding: $collection-y $collection-x;
        .medicinePrescription-name-left{
            display: flex;
            justify-content: flex-start;
            align-items: center;
            .name{
                flex-shrink: 0;
                font-size: $font-size-main;
                color: $font-color-main;
                margin-right: $block-space-x;
            }
            .name-input{
                width: 25%;
            }
        }
    }
    .medicinePrescription-container{
        height: calc(100vh - 240px);
        overflow-y: auto;
        @import "@/styles/scrollbalStyle.scss";
        .el-form {
            max-width: 1000px;
            min-width: 500px;
            margin-top: $block-space-y;
            border: 1px solid $border-color;
            .el-table{
                ::v-deep .el-table--border{
                    border: none;
                }
                ::v-deep td{
                    background-color: #fff;
                    padding: 0px;
                }
                ::v-deep .cell{
                    padding: 0px;
                    .el-input{
                        .el-input__inner{
                            border: none;
                            height: 40px;
                        }
                        .el-input-group__append{
                            border: none;
                            min-width: 80px;
                        }
                    }
                }
                .el-table--enable-row-hover .el-table__body tr:hover > td {
                    background-color: transparent;
                }
            }
            .form-item-header{
                height: $title-bg-size;
                background: $table-top-bg;
                padding: 0px $collection-x;
                border-bottom: 1px solid $border-color;
                ::v-deep .el-form-item__content{
                    margin-left: 0px!important;
                }

            }
            .el-form-item {
                display: flex;
                justify-content: flex-start;
                align-items: center;
                margin-bottom: 0px;

                &:last-of-type {
                    margin-bottom: 0px;
                    border-bottom: none;
                }

            }
            .form-item-btn{
                border-top: 1px solid $border-color;
                border-bottom: 1px solid $border-color;
                ::v-deep .el-form-item__content{
                    width: 100%;
                }
                .btn-container{
                    width: 100%;
                    height: 40px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }
            }
        }
    }
}